<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>悦读</title>
		<link rel="stylesheet" href="css/index1.css" />
		<link rel="stylesheet" href="css/pub.css" />
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="h-container clearfix">
				<div class="logo fl">
					<img src="img/1.png" alt="logo" />
					<a href="#">悦读<i></i>FM</a>
				</div>
				<div class="nav fl clearfix">
					<a href="#">悦读</a>
					<a href="#">情感</a>
					<a href="#">连播</a>
					<a href="#">校园</a>
					<a href="#">音乐</a>
					<a href="#">Labs</a>
				</div>
				<div class="h-search fr">
					<div class="login fl">
						<input type="text" /><button></button>	
					</div>
					<div class="h-login fl">
						<a href="#">登录</a>
						<i></i>
						<a href="#">注册</a>
					</div>
				</div>
			</div>
		</div>
		<!--头部结束-->
		<!--版芯开始-->
		<div class="content clearfix">
			<div class="produce fl">
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr1.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">中秋</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />燕仰<i></i>
							<img src="img/icon2.png" alt="" />羊小高<i></i>
							<img src="img/icon3.png" alt="" />13:55<i></i>
							<img src="img/icon4.png" alt="" />3589次
						</p>
						<p class="say">
							夏历八月十五日，正是「三秋恰半」，故名中秋。宋朝时的中秋节有赏月、赏桂、观潮、赏灯、吃月饼、饮酒赋诗等习俗。宋太宗时把中秋与新年、端午列为三大节日...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr2.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">礼物</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />有鹿<i></i>
							<img src="img/icon2.png" alt="" />甘乐<i></i>
							<img src="img/icon3.png" alt="" />31:24<i></i>
							<img src="img/icon4.png" alt="" />4390次
						</p>
						<p class="say">
							时光像连绵大雨一般一一剥去他在少年时代赠予我的辰光和只言片语，这些琐碎的物件在后来我颠沛的生活里再也无迹可寻...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr3.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">故都长安</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />沈韶君<i></i>
							<img src="img/icon2.png" alt="" />一泓 <i></i>
							<img src="img/icon3.png" alt="" />6:32<i></i>
							<img src="img/icon4.png" alt="" />4344次
						</p>
						<p class="say">
							凡我住过的地方都是故乡...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr4.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">一曲云水释禅心</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />白落梅<i></i>
							<img src="img/icon2.png" alt="" />雨夜书简<i></i>
							<img src="img/icon3.png" alt="" />13:35<i></i>
							<img src="img/icon4.png" alt="" />5719次
						</p>
						<p class="say">
							落无言，流水不语。在清明简净的日子里，当淡了心性，坐幽篁阵里，品潋滟茶汤...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr5.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">请用金钱腐蚀我</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />姬霄      <i></i>
							<img src="img/icon2.png" alt="" />潇涵<i></i>
							<img src="img/icon3.png" alt="" />11:39<i></i>
							<img src="img/icon4.png" alt="" />4856次
						</p>
						<p class="say">
							人生所需要的，无非就是勇气和想象力，还有这么一点儿钱啊...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr6.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">昨夜西风过园林</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />若霏<i></i>
							<img src="img/icon2.png" alt="" />雨夜书简<i></i>
							<img src="img/icon3.png" alt="" />9:55<i></i>
							<img src="img/icon4.png" alt="" />4915次
						</p>
						<p class="say">
							父亲的爱一如既往，只是面对瞬息万变般成长着的女儿，他的爱不再停留在细小的生活琐事上，而是变成了对女儿前途的关怀和忧虑...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr7.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">活得比父母好，该不该有亏欠感？</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />吃饱了睡<i></i>
							<img src="img/icon2.png" alt="" />刘春<i></i>
							<img src="img/icon3.png" alt="" />9:18<i></i>
							<img src="img/icon4.png" alt="" />3843次
						</p>
						<p class="say">
							​有一天。 我发现，自己比父母吃得好，穿得好，用得好…… 我的心，猛然一疼。 因为，我小时候说过： 妈妈，爸爸，等我长大了，我要让你们过上更好的生活...
						</p>
					</div>
				</div>
				<div class="pd clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr8.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">我告诉你我为什么爱钱</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />入江之鲸<i></i>
							<img src="img/icon2.png" alt="" />刘春<i></i>
							<img src="img/icon3.png" alt="" />9:12<i></i>
							<img src="img/icon4.png" alt="" />3479次
						</p>
						<p class="say">
							这世上有多少爱钱的人，背后各藏着不为人知的故事。太多最苦最难的日子，都只是因为没有钱。因为贫穷，轻如鸿毛的灾难，都能轻易地将一个人击垮...
						</p>
					</div>
				</div>
				<div class="pd clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr9.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">一花一叶总关禅</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />白落梅<i></i>
							<img src="img/icon2.png" alt="" />雨夜书简<i></i>
							<img src="img/icon3.png" alt="" />13:38<i></i>
							<img src="img/icon4.png" alt="" />5194次
						</p>
						<p class="say">
							浮世清欢，如梦无痕。厌倦了凡尘往来，所以更多的人愿意做一株平凡的植物，尽管微妙，却有着比人类更简单、更质朴的生存法则...
						</p>
					</div>
				</div>
				<div class="pd   clearfix">
					<div class="p-img fl">
						<a href="#"><img src="img/pr10.png" alt="" /></a>
					</div>
					<div class="p-text fr">
						<p class="title"><a href="#">北方有盛宴</a></p>
						<p class="msg">
							<img src="img/icon1.png" alt="" />吴惠子      <i></i>
							<img src="img/icon2.png" alt="" />崔查德<i></i>
							<img src="img/icon3.png" alt="" />21:10<i></i>
							<img src="img/icon4.png" alt="" />2749次
						</p>
						<p class="say">
							小时候我信誓旦旦，要吃遍地球，可眼下，走到北京，已经是我能从家里走出来的最远的距离...
						</p>
					</div>
				</div>
				<div class="pagedown">
					<a href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<a href="#">6</a>
					<a href="#">7</a>
					<a href="#">8</a>
					<a href="#">下一页</a>
				</div>
			</div>
			<div class="column fr">
				<a href="#"><img src="img/red.png" alt="" /></a>
				<div class="top10">
					<h5 class="read">悦读频道 TOP10</h5>
					<div class="sort">
						<a href="#">1. 越努力，越幸运</a>
						<p><span>文：卢思浩</span><i></i><span>主播：迁延</span></p>
					</div>
					<div class="sort">
						<a href="#">2. 你若安好便是晴天（完结）</a>
						<p><span>文：白落梅</span><i></i><span>主播：雲襲</span></p>
					</div>
					<div class="sort">
						<a href="#">3. 我想喜欢你，如此而已</a>
						<p><span>文：没头脑也很高兴</span><i></i><span>主播：不系之舟</span></p>
					</div>
					<div class="sort">
						<a href="#">4. 也许，我们再也遇不到自己想象中的那个人了</a>
						<p><span>文：安妮宝贝</span><i></i><span>主播：不系之舟</span></p>
					</div>
					<div class="sort">
						<a href="#">5. 我希望有个如你一般的人</a>
						<p><span>文：张嘉佳</span><i></i><span>主播：墨菲</span></p>
					</div>
					<div class="sort">
						<a href="#">6. 假如还有来生</a>
						<p><span>文：三毛</span><i></i><span>主播：雲襲</span></p>
					</div>
					<div class="sort">
						<a href="#">7. 最美的徒劳无功</a>
						<p><span>文：九把刀</span><i></i><span>主播：雲襲</span></p>
					</div>
					<div class="sort">
						<a href="#">8. 致前任男友&未来丈夫的信</a>
						<p><span>文：暖小团</span><i></i><span>主播：左小乐</span></p>
					</div>
					<div class="sort">
						<a href="#">9. 最怕的是你永远也忘不掉</a>
						<p><span>文：顾明烟</span><i></i><span>主播：丢丢</span></p>
					</div>
					<div class="sort">
						<a href="#">10. 我们为什么没能好好在一起</a>
						<p><span>文：作业本</span><i></i><span>主播：文涛</span></p>
					</div>
				</div>
			</div >
		</div>
		<!--版芯结束-->
		<!--脚部-->
		<div class="footer">
			<div class="ft clearfix">
				<div class="f-join fl">
					<p>
						<a href="#">关于我们</a>
						<span>|</span>
						<a href="#">加入我们</a>
					</p>
					<p class="f-ICP">
						© 2010-2016 Yuedu.fm All rights reserved   粤ICP备14076392号
					</p>
				</div>
				<div class="f-icon fr">
					<img src="img/f1.png" alt="" class="f1"/>
					<img src="img/f2.png" alt="" class="f2"/>
					<img src="img/f3.png" alt="" class="f3" id="sina"/>
					<img src="img/fh1.png" alt="" class="fh1"/>
					<img src="img/fh2.png" alt="" class="fh2"/>
					<!--<img src="img/fh3.png" alt="" class="fh3"/>-->
				</div>
			</div>
		</div>
		<!--脚部结束-->
	<script src="js/public.js"></script>
	</body>
</html>
